<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        /* 语法
        选择器1 选择器2{}
        选择器2 需要再选择器1里面使用才可以生效  儿子 孙子 后代够可以    
        */
div span{
    background-color: skyblue;
}
div .last{
    color: yellowgreen;
}
div p{
    font-style: italic;
}


    </style>
    <title>Document</title>
</head>
<body>
    <span>span标签</span>
    <div>
        <span>这是div的儿子</span>
    </div>
    <div>
        <p>
            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis, 
            architecto rerum! Nihil, nam accusantium. Doloribus hic est id, 
            tempore recusandae distinctio eum debitis incidunt. Nulla quaerat quidem nam possimus dolor.
        </p>
    </div>
    <div >
        <span class="last">这个是div的另外一个儿子</span>
    </div>
</body>
</html>